<template>
  <div>
 <div class="brand">
    <div class="brand-b">
      <img src="../assets/Shoes/3.jpg" alt="">
    </div>
    <div class="brand-c">
      <div class="brand-d">
        <img src="../assets/Shoes/1.jpg" alt="">
        <span>￥349</span>
        <span style="color:#e0e0e0;text-decoration:line-through">￥399</span>
      </div>
      <div class="brand-d">
        <img src="../assets/Shoes/2.jpg" alt="">
        <span>￥899</span>
        <span style="color:#e0e0e0;text-decoration:line-through">￥899</span>
      </div>
      <div class="brand-d">
        <img src="../assets/Shoes/2.jpg" alt="">
        <span>￥349</span>
        <span style="color:#e0e0e0;text-decoration:line-through">￥399</span>
      </div>
      <div class="brand-d">
        <img src="../assets/Shoes/2.jpg" alt="">
        <span>￥349</span>
        <span style="color:#e0e0e0;text-decoration:line-through">￥399</span>
      </div>
      <div class="brand-d">
        <img src="../assets/Shoes/2.jpg" alt="">
        <span>￥349</span>
        <span style="color:#e0e0e0;text-decoration:line-through">￥399</span>
      </div>
      <div class="brand-d">
        <img src="../assets/Shoes/2.jpg" alt="">
        <span>￥349</span>
        <span style="color:#e0e0e0;text-decoration:line-through">￥399</span>
      </div>
      <div class="brand-d">
         <img src="../assets/Shoes/2.jpg" alt="">
        <span>￥349</span>
        <span style="color:#e0e0e0;text-decoration:line-through">￥399</span>
      </div>
      <div class="brand-d">
        <img src="../assets/Shoes/2.jpg" alt="">
        <span>￥799</span>
        <span style="color:#e0e0e0;text-decoration:line-through">￥899</span>
      </div>
      <div class="brand-d">
       <img src="../assets/Shoes/2.jpg" alt="">
        <span>￥509</span>
        <span style="color:#e0e0e0;text-decoration:line-through">￥649</span>
      </div>
      <div class="brand-d">
         <img src="../assets/Shoes/1.jpg" alt="">
        <span>￥299</span>
        <span style="color:#e0e0e0;text-decoration:line-through">￥299</span>
      </div>
      <div class="brand-d">
        <img src="../assets/Shoes/2.jpg" alt="">
        <span>￥499</span>
        <span style="color:#e0e0e0;text-decoration:line-through">￥699</span>
      </div>
      <div class="brand-d">
       <img src="../assets/Shoes/1.jpg" alt="">
        <span>￥389</span>
        <span style="color:#e0e0e0;text-decoration:line-through">￥499</span>
      </div>
      <div class="brand-d">
        <p>查看更多</p>
        <p>MORE+</p>
      </div>
    </div>
  </div>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<style lang="scss" scoped>
.brand {
  width: 100%;
  height: 330px;
  // background-color: blue;
}
.brand-b {
  width: 100%;
  height: 144px;
  margin-top: 10px;
  margin-left: 10px;
}

.brand-b img {
  width: 100%;
}
.brand-c {
  width: 100%;
  height: 157px;
  // background-color: pink;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.brand-c img {
  width: 97px;
  height: 97px;
}
.brand-c span {
  width: 70px;
  height: 16px;
  font-size: 10px;
  margin-left: 10px;
  margin-top: 10px;
}

.brand-d {
  width: 100px;
  height: 135px;
  text-align: center;
}
.brand-d p{
  width: 100px;
  height:16px ;
  line-height: 80px;
  font-size: 13px;
}
</style>